<template>
  <div class="wrapper bg-primary">

    <div class="cover" style="background-image: url(/static/images/cover3.jpg)"></div>

    <div class="overlay bg-primary"></div>

    <div class="center-wrapper">
      <div class="center-content">
        <div class="row no-m">
          <div class="col-xs-10 col-xs-offset-1 col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-4">
            <section class="panel bg-white no-b">
              <ul class="switcher-dash-action">
                <li><a v-link="'/login'" class="selected">登录</a>
                </li>
                <li class="active"><a href="javascript:;" class="">注册</a>
                </li>
              </ul>
              <div class="p15">
                <form role="form" action="signin.html">
                  <input type="text" class="form-control input-lg mb25" placeholder="填写用户名" autofocus>
                  <input type="text" class="form-control input-lg mb25" placeholder="填写邮箱地址">
                  <input type="password" class="form-control input-lg mb25" placeholder="填写密码">
                  <input type="password" class="form-control input-lg mb25" placeholder="确认密码">
                  <div class="show">
                    <label class="checkbox">
                      <input type="checkbox" value="remember-me">我接受
                      <a href="javascript:;">loyalove</a>的相关条款
                    </label>
                  </div>

                  <button class="btn btn-primary btn-lg btn-block" type="submit">注册</button>
                </form>
              </div>
            </section>
            <p class="text-center">
              Copyright &copy;
              <span id="year" class="mr5"></span>
              <span>loyalove Loyal </span>
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import {mapGetters } from 'vuex'
  import {login, logout} from 'vuex '
  export default {
    components: {},
    data: function () {
      return {}
    },
    vuex: {
      getters: {
        isLogin: isLogin
      },
      actions: {
        login: login,
        logout: logout
      }
    },
    methods: {
      doLogin: function () {
        this.login()
        this.$router.go('/home')
      }
    },
    ready: function () {

    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
